<template>
    <div class="ml-16px mr-16px">
        <UserInfo />
        <div class="mt-16px">
            <StaData />
        </div>
        <div class="mt-16px">
            <el-row :gutter="16">
                <el-col :span="8">
                    <NewBusiness />
                </el-col>
                <el-col :span="8">
                    <Inquiry />
                </el-col>
                <el-col :span="8">
                    <Keyword />
                </el-col>
            </el-row>
        </div>
        <div class="mt-16px">
            <el-row :gutter="16">
                <el-col :span="16">
                    <AccountData />
                </el-col>
                <el-col :span="8">
                    <UserInteractionData />
                </el-col>
            </el-row>
        </div>
        <div class="mt-16px mb-16px">
            <el-row :gutter="16">
                <el-col :span="16">
                    <BusinessData />
                </el-col>
                <el-col :span="8">
                    <CustomerData />
                </el-col>
            </el-row>
        </div>
        <div class="mt-16px">
            <el-row :gutter="16">
                <el-col :span="12">
                    <Sem />
                </el-col>
                <el-col :span="12">
                    <DedStatistics />
                </el-col>
            </el-row>
        </div>
        <div class="mt-16px">
            <el-row :gutter="16">
                <el-col :span="12">
                    <Top10 />
                </el-col>
                <el-col :span="12">
                    <Region />
                </el-col>
            </el-row>
        </div>
        <div class="mt-16px">
            <AccessDetails />
        </div>
    </div>
</template>

<script setup lang="ts">
import UserInfo from './components/UserInfo.vue'
import StaData from './components/StaData.vue'
import NewBusiness from '../shortVideo/components/NewBusiness.vue'
import Inquiry from '../shortVideo/components/Inquiry.vue'
import Keyword from '../shortVideo/components/Keyword.vue'
import AccountData from '../shortVideo/components/AccountData.vue'
import UserInteractionData from '../shortVideo/components/UserInteractionData.vue'
import BusinessData from '../shortVideo/components/BusinessData.vue'
import CustomerData from '../shortVideo/components/CustomerData.vue'

import Sem from './components/Sem.vue'
import DedStatistics from './components/DedStatistics.vue'
import Top10 from './components/Top10.vue'
import Region from './components/Region.vue'
import AccessDetails from './components/AccessDetails.vue'
</script>

<style scoped>

</style>